import React,{useState} from 'react'

// useState是react暴露出来的,react内部的写法

/* 
  useState:
    -让函数式组件支持state状态
    -useState() 方法里面唯一的参数就是初始 state
    -useState返回一个只有两个元素的数组
      -第一个元素是当前的state 的值  
      -第二个元素是一个函数,用来替换原来state中的值,这个函数修改state和setState一样是异步的
      -React 会在重复渲染时记住它当前state的值,并且提供最新的值给我们的函数
*/
 
export default function App(){
  const[count,setCount]=useState(0);
  const [isHot, setIsHot] = useState(true);
  const [person, setPerson] = useState(["张三", "李四", "王五"])
 const arr=['ss','cc','ss']

  return (
    <div>
      <h1>累加的值是{count}</h1>
      <button onClick={()=>{setCount(count+1)}}>加法</button>
      <h1>今天天气好嘛{isHot?"阴天":"雨天"}</h1>
      <button onClick={()=>{setIsHot(!isHot)}}>天气变化</button>
      <h2>人员名单:{person}</h2>
   
      <button onClick={()=>{setPerson(person.map((item,index)=>arr[index]))}}>修改人员名单</button>
    </div>

  )
}
 